<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>少年宫M站报名系统 | 新生选班</title>
		<meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <link href="css/global.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet/less" type="text/css" href="css/style_green.less"/>
        <script type="text/javascript" src="js/less.js" ></script>
		<link href="css/select.css" rel="stylesheet" />
		<link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
	</head>
	<body>
		<div class="main_top">
        	<div class="main_top_l">
        		<a href=""><img src="images/return.png"/></a>
        	</div>
        	<div class="main_top_m">
        		选&nbsp;班
        	</div>
        </div>
        <div class="main_content">
        	<div class="main_search">
        		<ul>
        			<li>
        				<div class="vertical">
						<select id="mySelect">
							<option value="1">项目类1</option>
							<option value="2">项目类2</option>
							<option value="3" selected="selected">项目类别</option>
							<option value="4">项目类4</option>
							<option value="5">项目类5</option>
							<option value="6">项目类6</option>
							<option value="7">项目类7</option>
							<option value="8">项目类8</option>
							<option value="9">项目类9</option>
							<option value="10">项目类10</option>
							<option value="11">项目类11</option>
							<option value="12">项目类12</option>
						</select>
						</div>
        			</li>
        			<li>
        				<div class="vertical">
						<select id="mySelect2">
							<option value="1">类别1</option>
							<option value="2">类别2</option>
							<option value="3" selected="selected">类别</option>
							<option value="4">类别4</option>
							<option value="5">类别5</option>
							<option value="6">类别6</option>
							<option value="7">类别7</option>
							<option value="8">类别8</option>
							<option value="9">类别9</option>
							<option value="10">类别10</option>
							<option value="11">类别11</option>
							<option value="12">类别12</option>
						</select>
						</div>
        			</li>
        			<li>
        				<div class="vertical">
						<select id="mySelect3">
							<option value="1">授课老师</option>
							<option value="2">授课老师</option>
							<option value="3" selected="selected">授课老师</option>
							<option value="4">授课老师</option>
							<option value="5">授课老师</option>
							<option value="6">授课老师</option>
							<option value="7">授课老师</option>
							<option value="8">授课老师</option>
							<option value="9">授课老师</option>
							<option value="10">授课老师1</option>
							<option value="11">授课老师</option>
							<option value="12">授课老师</option>
						</select>
						</div>
        			</li>
        			<li class="search">
        				<button>搜索</button>
        			</li>
        		</ul>
        	</div>
        	<div class="pointTop">
        		请选择搜索项，查询对应的班级信息。
        	</div>
        </div>
        <div class="main_bot">
        	<ul>
        		<li class="select">
        			<a href="#">
        				<div class="choose">
        				</div>
	        			<span >选班</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="#">
        				<div class="list">
        				</div>
	        			<span >我的报班</span>
	        		</a>
	        	</li>
	        	<li class=" ">
        			<!--<a href="/choose_old.html">
        				<div class="message">
        				</div>
	        			<span >学员信息</span>
	        		</a>-->
	        		<a href="usermsg.html">
        				<div class="manage">
        				</div>
	        			<span >设置</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="#">
        				<div class="notice">
        				</div>
	        			<span >公告</span>
	        		</a>
	        	</li>
        	</ul>
        <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
        <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
		<script src="js/jquery.select.js"></script>
		<script type="text/javascript">
	$(function () {

	   // $("#mySelect").select(); 不传参数可以这样写
		$("#mySelect").select({
			width: "100%"
		});
		$("#mySelect2").select({
			width: "100%"
		});
		$("#mySelect3").select({
			width: "100%"
		});
		//可选参数,不填就是默认值
		//width: "180px",            //生成的select框宽度
		//listMaxHeight:"200px",     //生成的下拉列表最大高度
		//themeColor: "#00bb9c",    //主题颜色
		//fontColor: "#000",        //字体颜色
		//fontFamily: "'Helvetica Neue', arial, sans-serif",    //字体种类
		//fontSize:"15px",           //字体大小
		//showSearch: false,        //是否启用搜索框
		//rowColor:"#fff",          //行原本的颜色
		//rowHoverColor: "#0faf03", //移动选择时，每一行的hover底色
		//fontHoverColor: "#fff",   //移动选择时，每一行的字体hover颜色
		//mainContent: "请选择",    //选择显示框的默认文字
		//searchContent: "关键词搜索"   //搜索框的默认提示文字  
		$(".main_bot>ul>li").click(function(){
			$(this).addClass("select").siblings().removeClass("select")
		})
	});
</script>
	</body>
</html>
